<html xmlns="http://www.w3.org/1999/xhtml" xmlns:lift="http://liftweb.net/"
      xml:lang="eng">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>Enterprise Social Messaging Experiment: Messages</title>

    <lift:Style.header />

    <script id="jquery" src="/classpath/jquery.js" type="text/javascript"/>
    <script id="json" src="/classpath/json.js" type="text/javascript"/>

  </head>
  <body>
    <div class="container">
      <div class="head">
	<img src="/images/esme-blue.png" alt="ESME" />
        <ul class="b-primary">
          <li><lift:Menu.item name="EditUser"/></li>
	  <li><lift:Menu.item name="about"/></li>
	  <li><lift:Menu.item name="authToken"/></li>
          <li><lift:Menu.item name="Logout"/></li>
        </ul>
      </div>

      <table class="l-page l-page-massage">
	<tbody>
          <tr>
            <td class="l-page-l">
              <div class="b-edit">
                <h2 class="title">Welcome<span class="name"><lift:UserSnip.name /></span></h2>
                <div class="b-popup"><i class="rt"><i>&nbsp;</i></i>
                  <i class="rb"><i>&nbsp;</i></i>
                  <i class="lb"><i>&nbsp;</i></i>
                  <i class="b">&nbsp;</i>
		  <div class="b-popup-c">
                    <div class="row clear">
                      <label>What are you working on?</label>
                      <textarea rows="4" cols="20" id="textdude"
                      style="width: 90%"></textarea
								    >
                    </div>
		    <div class="row clear"
			 style="display: none;"
                         id="reply-to-div">
		      Replying to <span id="reply-to-span">&nbsp;</span>
		      <button onclick="clearReplyTo()">remove reply</button>
		    </div>
		    
                    <div class="row clear">
                      <label>Tag your message</label>
                      <input id="tagdude" style="width: 90%"/>
                      <div class="note clear">
                        <span class="l">use commas to 
			  separate tags</span>
			<span class="r">not required</span>
                      </div>
                    </div>
		    
                    <div class="row clear"><a class="btn" href="javascript:post_msg();"><img src="/images/send-message.png" alt="Send Message" /></a></div>

<script>
// <![CDATA[
var currentConvNumber = 0;

function setReplyTo(id, text) {
  currentConvNumber = id;
  document.getElementById('reply-to-div').style.display = "block";
  jQuery('#reply-to-span').text(text);
}

function clearReplyTo() {
  currentConvNumber = 0;
  document.getElementById('reply-to-div').style.display = "none";
}
// ]]>
</script>
<lift:UserSnip.postScript />
		  </div>
		</div>

		<div class="b-cloud">
                  <lift:comet type="TagCloud"/>
                </div>
		
                <div class="bugs">
 		  <form action="/user_view/search"
			class="b-primay"><input style="height: 20px; background: #c9d8ea;"
						name="term"/>
 		    <input style="height: 22px; background: #233e5e; color: #c9d8ea;" type="submit" value="Search"/>
 		  </form>
                </div>
              </div>
            </td>
            <td class="l-page-c"></td>
            <td class="l-page-r">
              <div class="l-top">
                <div id="tabs" class="b-view tab1">
                  <dl class="messages">
		    <dt class="caption">Your timeline</dt>
                    <dd class="b-view-menu clear">
                      <ul>
                        <li class="current"><b>Messages</b></li>
                        <li><a href="javascript:" onclick="document.getElementById('tabs').className='b-view tab2';return false">Timeline</a></li>
                        <li><a href="javascript:" onclick="document.getElementById('tabs').className='b-view tab3';return false">Contacts</a></li>
                      </ul>
                    </dd>
		    <dd>
		      <lift:comet type="Timeline"/>
		    </dd>
                  </dl>
		  
                  <dl class="tagclouds">
                    <dt class="caption">
                      Public Timeline
                    </dt>
                    <dd class="b-view-menu clear">
                      <ul>
                        <li><a href="javascript:" onclick="document.getElementById('tabs').className='b-view tab1';return false">Messages</a></li>
                        <li class="current"><b>Timeline</b></li>
                        <li><a href="javascript:" onclick="document.getElementById('tabs').className='b-view tab3';return false">Contacts</a></li>
                      </ul>
                    </dd>
                    <dd class="b-clouds">
		      <lift:comet type="PublicTimeline" />
                    </dd>
                  </dl>
                  <dl class="contacts">
                    <dt class="caption">
                      Contacts
                    </dt>
                    <dd class="b-view-menu clear">
                      <ul>
                        <li><a href="javascript:" onclick="document.getElementById('tabs').className='b-view tab1';return false">Messages</a></li>
                        <li><a href="javascript:" onclick="document.getElementById('tabs').className='b-view tab2';return false">Timeline</a></li>
                        <li class="current"><b>Contacts</b></li>
                      </ul>
                    </dd>
                    <dd class="b-contacts" style="height: 240px; overflow: auto">
		      Following:
		      <lift:UserSnip.following/>
                    </dd>
                    <dd class="b-contacts" style="height: 240px; overflow: auto">
		      Followers:
		      <lift:UserSnip.followers/>
                    </dd>
                  </dl>
                </div>
              </div>
            </td>
          </tr>
	</tbody>
      </table>
      
      <lift:embed what="/templates-hidden/menu_footer"/>
    </div>
  </body>
</html>
